<div class="twy-media" id="reviews">
     <div class="mySwiper_media swiper-father">
         <div class="pages-width">
             <div class="swiper mySwiper_evaluation">
                 <div class="swiper-wrapper">
                     {%- for block in section.blocks -%}
                     <div class="swiper-slide" {{ block.shopify_attributes }}>
                       <div class="evaluation_text" data-swiper-parallax="-300">
                           {% if block.settings.html %}
                              <div class="html">
                                 {{ block.settings.html }}
                              </div>
                           {% endif %}
                           {% if block.settings.title %}
                              <div class="title">
                                 {{ block.settings.title }}
                              </div>
                           {% endif %}
                           {% if block.settings.text %}
                              <div class="text">
                                 {{ block.settings.text }}
                              </div>
                           {% endif %}
                       </div>
                       <div class="multicolumn-card">
                         <div class="image-with-text__media image-with-text__media--{{ block.settings.height }} {% if block.settings.image != blank %}media{% else %}image-with-text__media--placeholder placeholder{% endif %}">
                         {%- if block.settings.image != blank -%}
                           <img
                             srcset="{%- if block.settings.image.width >= 165 -%}{{ block.settings.image | img_url: '165x' }} 165w,{%- endif -%}
                               {%- if block.settings.image.width >= 323 -%}{{ block.settings.image | img_url: '323x' }} 323w,{%- endif -%}
                               {%- if block.settings.image.width >= 360 -%}{{ block.settings.image | img_url: '360x' }} 360w,{%- endif -%}
                               {%- if block.settings.image.width >= 535 -%}{{ block.settings.image | img_url: '535x' }} 535w,{%- endif -%}
                               {%- if block.settings.image.width >= 750 -%}{{ block.settings.image | img_url: '750x' }} 750w,{%- endif -%}
                               {%- if block.settings.image.width >= 1070 -%}{{ block.settings.image | img_url: '1070x' }} 1070w,{%- endif -%}
                               {%- if block.settings.image.width >= 1500 -%}{{ block.settings.image | img_url: '1500x' }} 1500w,{%- endif -%}
                               {{ block.settings.image | img_url: 'master' }} {{ block.settings.image.width }}w"
                             data-src="{{ block.settings.image | img_url: '1500x' }}"
                             sizes="(min-width: {{ settings.page_width }}px) {{ settings.page_width | minus: 100 | divided_by: 2 }}px, (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)"
                             alt="{{ block.settings.image.alt | escape }}"
                             loading="lazy"
                             class="loadlazy"
                             width="{{ block.settings.image.width }}"
                             height="{{ block.settings.image.height }}"
                           >
                         {%- else -%}
                           {{ 'image' | placeholder_svg_tag: 'placeholder-svg' }}
                         {%- endif -%}
                       </div>
                       </div>
                    </div>
                   {%- endfor -%}
                 </div>
                 <div class="swiper-pagination me"></div>
              </div>
              <div class="swiper-button-next me"></div>
              <div class="swiper-button-prev me"></div>  
         </div>
         
     </div>
 </div>
 
 <script>
   var swiper  = new Swiper(".mySwiper_evaluation", {
     speed: 600,
     slidesPerView: 1,
     loop:true,
     navigation: {
         nextEl: ".swiper-button-next.me",
         prevEl: ".swiper-button-prev.me",        
       },
     pagination: {
         el: '.swiper-pagination.me',
         clickable: true,
         dynamicBullets: true,
         dynamicMainBullets: 6
     },
   });
 </script>
 
 {% schema %}
 {
   "name": "Media evaluation",
   "class": "spaced-section spaced-section--full-width media-evaluation",
   "tag": "section",
   "settings": [
      
   ],
   "blocks": [
   {
     "type": "text",
     "name": "text",
     "settings": [
       {
         "type": "html",
         "id": "html",
         "label": "Star media"
       },
       {
         "type": "text",
         "id": "title",
         "default": "Column",
         "label": "Column"
       },
       {
         "type": "richtext",
         "id": "text",
         "label": "Des"
       },
       {
         "type": "image_picker",
         "id": "image",
         "label": "t:sections.multicolumn.blocks.column.settings.image.label"
       }
     ]
    }
   ],
   "presets": [
     {
       "name": "Media evaluation"
     }
   ]
 }
 {% endschema %}
 